listarticle, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display:block}
audio, canvas, video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body, div, span, iframe, input, form, input, h1, h2, h3, h4, h5, h6, p, a, em, img, b, dl, dt, dd, ul, ol, li, label{padding:0;margin:0}
a:focus{outline:thin dotted}
a:active, a:hover{outline:0;-webkit-tap-highlight-color:transparent}
button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled], html input[disabled]{cursor:default}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:none;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="checkbox"]{-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
ul,ol{list-style:none}
h1, h2, h3, h4, h6{font-weight:600;font-size:100%}
html,body{width: 100%;height: 100%;background: #f5f5f5;color: #666666;}
body{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.clearFixed{clear: both;}
.container{margin: 10px; background: #fff; border-radius: 6px; padding: 0 15px; font-size: 0.4rem; box-shadow: 0px 5px 5px #DEDEDE;-moz-box-shadow: 0px 5px 5px #DEDEDE;line-height: 1.2rem;}
.container input,.container select{outline: none;border: none;margin: 0;padding: 0;}
.container .item{line-height: 1.2rem; height: 1.2rem; overflow: hidden;position: relative;}
.container select{line-height: 1.2rem; height: 1.2rem; float: left; width: 70%;color: #666666;background: #FFFFFF;font-size: 0.4rem;}
.container .item input{margin-top: 0.4rem;line-height: 0.6rem; height: 0.6rem; float: left; width: 70%;color: #666666;background: #FFFFFF;font-size: 0.4rem;}
.container .item input::-webkit-input-placeholder{line-height: 0.6rem; height: 0.6rem;color:#C5C5C5;}
.container .item input:-moz-placeholder{line-height: 0.6rem; height: 0.6rem;color:#C5C5C5;}
.container .item input::-moz-placeholder{line-height: 0.6rem; height: 0.6rem;color:#C5C5C5;}
.container .item input:-ms-input-placeholder{line-height: 0.6rem; height: 0.6rem;color:#C5C5C5;}
.container .item .label{float: left; width: 22%; padding: 0 0 0 3%;}
.container .item .unit{position: absolute; top: 0; right: 3%;}
.container .border-bottom{border-bottom: 1px solid #DEDEDE;}
.additional{margin-top: 15px;}
.additional .item .additionalBtn{position: absolute; top: 0.15rem; right: 3%; background: #EC1b17; height: 0.8rem; line-height: 0.8rem; padding: 0 0.45rem; border-radius: 4px;color: #FFFFFF;}
.additional .item .additionalBtnDisabled{background: #EEEEEE; color: #666666;}
.additional .deleteItem{background: url(calculatorIcons.png) no-repeat;background-size: 100%; position: absolute; top: 55%; right: 0%; width: 10%; height: 36%;}
.additional .additionalItem{border-bottom: 1px solid #DEDEDE;padding: 0.2rem 0;position: relative;}
.additional .additionalItem:last-child{border-bottom: none;}
.additional .additionalItemError{}
.additional .additionalItem .item{height: 0.9rem;line-height: 0.9rem;}
.additionalItem select{font-size: 0.4rem;line-height: 0.9rem; height: 0.9rem; float: left; width: 70%;color: #666666;background: #FFFFFF;}
.additional .additionalItem input{font-size: 0.4rem;margin-top: 0.1rem;line-height: 0.7rem; height: 0.7rem; float: left; width: 70%;color: #666666;background: #FFFFFF;}
.additional .additionalItem input::-webkit-input-placeholder{line-height: 0.7rem; height: 0.7rem;}
.additional .additionalItem input:-moz-placeholder{line-height: 0.7rem; height: 0.7rem;}
.additional .additionalItem input::-moz-placeholder{line-height: 0.7rem; height: 0.7rem;}
.additional .additionalItem input:-ms-input-placeholder{line-height: 0.7rem; height: 0.7rem;}
.additional .additionalItem .unit{right: 26%;}
.interestType .flat,.interestType .compound,.interestType .compare{font-size: 0.35rem;float: right; background: #eeeeee; line-height: 0.8rem; height: 0.8rem; border-radius: 4px; margin-top: 0.2rem; width: 23%; text-align: center; margin-left: 2%;}
.interestType .actived{background: #EC1b17 !important;color: #FFFFFF!important;}
.interestType .subItem{border-top: 1px solid #EEEEEE;}
.interestType .subItem .dayType,.interestType .subItem .monthType,.interestType .subItem .yearType{font-size: 0.35rem;float: left; background: #eeeeee; line-height: 0.8rem; height: 0.8rem; border-radius: 4px; margin-top: 0.2rem; width: 27%; text-align: center; margin-left: 3%;}
.interestType .subItem .monthType,.interestType .subItem .yearType{margin-left: 8%;}
.result{padding-bottom: 0.25rem;}
.result .reduce{background: url(calculatorIcons.png) no-repeat; background-size: 100%; background-position: 0 63%; position: absolute; top: 22%; left: 3%; width: 10%; height: 55%;}
.result .plus{background: url(calculatorIcons.png) no-repeat; background-size: 100%; background-position: 0 79.4%; position: absolute; top: 23%; right: 0%; width: 10%; height: 55%;}
.result .scroll{width: 70%; height: 2px; background: #B5B5B5; left: 15%; top: 50%; margin-top: -1px; position: absolute;position: absolute;}
.result .scrollicon{background: url(calculatorIcons.png) no-repeat; background-size: 100%; background-position: 0 45.5%; position: absolute; top: 18%; left: 10%; width: 10%; height: 63%;}
.calculation{    font-size: 0.4rem;width: 70%; background: #EC1b17; color: #fff; line-height: 1rem; border-radius: 4px; margin: 0.25rem 15%; text-align: center;}
.calculationDisabled{background: #EEEEEE;color: #666666;}
.result .totalItem{padding-left: 3%;line-height: 0.7rem;}
.result .principalTotal{margin-top: 0.35rem;}
.result .allTotal{padding-bottom: 0.35rem;border-bottom: 1px solid #eeeeee;}
.result .totalItem t{color: #EC1b17;margin-left: 5%;}
.result .showDetails{width: 70%; background: #EC1b17; color: #fff; line-height: 1rem; border-radius: 4px; margin: 0.25rem 15%; text-align: center;}
.resultList{width: 100%; border: 1px solid #BFBFBF; border-radius: 6px; margin: auto; overflow: hidden;margin-bottom: 0.25rem;}
.resultList .list-item{width: 100%;}
.resultList .list-item:nth-child(2n+1){background: #EEEEEE;}
.resultList .list-item .item01,.resultList .list-item .item02,.resultList .list-item .item03,.resultList .list-item .item04,.resultList .list-item .item05{float: left;}
.resultList .list-item .item01{width: 15%;text-align: center;}
.resultList .list-item .item02{width: 19%;text-align: center;}
.resultList .list-item .item03{width: 23%;text-align: center;}
.resultList .list-item .item04{width: 23%;text-align: center;}
.resultList .list-item .item05{width: 20%;text-align: center;}
.thitem01{height: 1.4rem;line-height: 1rem;padding-top: 0.2rem;}
.thitem02,.thitem03,.thitem04,.thitem05{height: 1.4rem;padding-top: 0.2rem; line-height: 0.5rem;}
/***é€‰æ‹©æ¡†ä¸‹æ‹‰æ ‡ç¤º**/
.selectBox{float: left;position: relative;}
.selectBox select{width: 100%;position: relative;z-index: 2;background: none;}
.selectBox .selectIcon{background: url(calculatorIcons.png) no-repeat; background-size: 20px; background-position: 1px 18.5%; position: absolute; top: 50%; right: 0; width: 15px; height: 10px; margin-top: -5px;z-index: 1}
